<script setup>
import { ref } from 'vue';

const loadingShow = defineModel({ type: Boolean });
</script>

<template>
	<u-mask :show="loadingShow" z-index="99999">
		<view class="loading-container">
			<u-loading mode="flower" size="60"></u-loading>
		</view>
	</u-mask>
</template>

<style lang="scss" scoped>
.loading-container {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 99999;
}
</style>
